<script setup>
	import { ref , reactive, nextTick } from 'vue'
	import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
	onLaunch(()=>{
		
	})
</script>

<style lang="scss">
	@import '@/uni_modules/uv-ui-tools/theme.scss';
	.apps{color:#4c4c4c; background-color: #cce6ff;min-height: 100vh;max-width: 1080px; margin: 0 auto; position: relative;z-index: 0; display: flex; flex-direction: column;}
	.bg{width:750rpx;height:680rpx; position: fixed; top:0;left:0;z-index: 1;}
	/*宽高*/
	.wh40{width:40px; height:40px}
	.wh50{width:50px; height:50px}
	.wh100{width:100px;height:100px}
	.wh100p{width:100%;height:100%;}
	
	.wh300{width:300rpx;height:300rpx;}
	.wh200{width:200rpx;height:200rpx;}
	.wh150{width:150rpx;height:150rpx;}
	/*宽度*/
	
	.w100p{width:100% !important;}
	.mw100p{min-width: 100% !important;}
	.w560{width:560rpx;}
	.w150{width:150rpx;}
	.w200{width:220rpx;}
	/*高度*/
	.h50p{height:50vh !important;}
	.h100p{height:100vh !important;}
	.mh100p{min-height: 100vh !important;}
	.mh100{min-height: 100rpx;}
	.mh200{min-height: 200rpx;}
	/*字体颜色*/
	.c333{color:#333;}
	.c666{color:#666;}
	.c999{color:#999;}
	.cfff{color:#fff;}
	.ceee{color:#eee;}
	.c35b5f5{color:#35b5f5}
	.cred{color:#FF4D88}
	
	/*背景*/
	.bgwhite{background-color: #fff;}
	.bgf5{background-color: #f5f5f5;}
	.bgcce{background-color: #cce6ff;}
	.bgimge2e7{background: linear-gradient(to top, #E2E2E2 0%, #F7F7F7 100%);}
	.bgimg2b6{background:linear-gradient(to top, #2688df, #65b3f3);}
	
	/*阴影*/
	.boxsd{box-shadow: -2px -2px 2px  #FFFFFF,2px 2px 6px 0px rgba(0,0,0, 0.15);}
	.boxsdi{box-shadow: inset -2px -2px 6px  #FFFFFF,inset 2px 2px 6px 0px rgba(0, 0, 0, 0.3)}
	.boxsds{box-shadow: -2px -2px 2px  #FFFFFF,2px 2px 6px 0px rgba(0,0,0, 0.15),inset -2px -2px 6px  #FFFFFF,inset 2px 2px 6px  rgba(0, 0, 0, 0.3)}
	
	/*边框*/
	.bd1s{border-width: 1rpx;}
	.bdc9{border-color: #999;}
	.bdss{border-style: solid;}
	.bdsd{border-style: dashed;}
	.bdb1{border-bottom: 1rpx solid #eae9e9;}
	.bdt1{border-top: 1rpx solid #eae9e9;}
	.bdl1{border-left: 1rpx solid #eae9e9;}
	.bdr1{border-right: 1rpx solid #eae9e9;}
	
	.bd100s{border-radius: 100rpx;}
	.bdr100{border-radius: 100rpx;}
	.bdr10{border-radius: 10rpx;}
	.bdr15{border-radius: 15rpx;}
	.bdr20{border-radius: 20rpx;}
	.bdr50p{border-radius: 50%;}
	
	/*zindex*/
	.zidx4{z-index: 4}
	.zidx5{z-index: 5}
	.zidx6{z-index: 6}
	.zidx7{z-index: 7}
	.zidx8{z-index: 8}
	.zidx9{z-index: 9}
	.zidx10{z-index: 10}
	.zidx11{z-index: 11}
	.zidx12{z-index: 12}
	.zidx13{z-index: 13}
	.zidx14{z-index: 14}
	.zidx15{z-index: 15}
	
	.ofhd{overflow: hidden;}
	
	.bdbox{box-sizing: border-box;}
	.fix{position: fixed}
	.pr{position: relative;}
	.pa{position: absolute;}
	.flex{display: flex;}
	.row,.fdr{flex-direction: row;}
	.fdc{flex-direction: column;}
	.f1{flex:1;}
	/* 对齐方式样式 */
	.aic { align-items: center; }
	.aist { align-items: stretch; }
	.aifs { align-items: flex-start; }
	.aife { align-items: flex-end; }
	.aib { align-items: baseline; }
	
	.jcfs { justify-content: flex-start; }
	.jcfe { justify-content: flex-end; }
	.jcc { justify-content: center; }
	.jcsa { justify-content: space-around; }
	.jcsb { justify-content: space-between; }
	.jcse { justify-content: space-evenly; }
	
	/* 左边距样式 */
	.ml10 { margin-left: 10rpx; }
	.ml20 { margin-left: 20rpx; }
	.ml30 { margin-left: 30rpx; }
	.ml40 { margin-left: 40rpx; }
	.ml50 { margin-left: 50rpx; }
	
	/* 宽高样式 */
	.wh30 { width: 30px; height: 30px; }
	
	/* 外边距缩写定义 */
	.mt10 { margin-top: 10rpx; }
	.mt20 { margin-top: 20rpx; }
	.mt30 { margin-top: 30rpx; }
	.mt40 { margin-top: 40rpx; }
	.mt50 { margin-top: 50rpx; }
	
	.mr10 { margin-right: 10rpx; }
	.mr20 { margin-right: 20rpx; }
	.mr30 { margin-right: 30rpx; }
	.mr40 { margin-right: 40rpx; }
	.mr50 { margin-right: 50rpx; }
	
	.mb10 { margin-bottom: 10rpx; }
	.mb20 { margin-bottom: 20rpx; }
	.mb30 { margin-bottom: 30rpx; }
	.mb40 { margin-bottom: 40rpx; }
	.mb50 { margin-bottom: 50rpx; }
	
	
	/* 左右外边距样式 */
	.mlr10 { margin-left: 10rpx; margin-right: 10rpx; }
	.mlr20 { margin-left: 20rpx; margin-right: 20rpx; }
	.mlr30 { margin-left: 30rpx; margin-right: 30rpx; }
	.mlr40 { margin-left: 40rpx; margin-right: 40rpx; }
	.mlr50 { margin-left: 50rpx; margin-right: 50rpx; }
	
	/* 上下外边距样式 */
	.mtb10 { margin-top: 10rpx; margin-bottom: 10rpx; }
	.mtb20 { margin-top: 20rpx; margin-bottom: 20rpx; }
	.mtb30 { margin-top: 30rpx; margin-bottom: 30rpx; }
	.mtb40 { margin-top: 40rpx; margin-bottom: 40rpx; }
	.mtb50 { margin-top: 50rpx; margin-bottom: 50rpx; }
	
	/* 内边距缩写定义 */
	.pt10 { padding-top: 10rpx; }
	.pt20 { padding-top: 20rpx; }
	.pt30 { padding-top: 30rpx; }
	.pt40 { padding-top: 40rpx; }
	.pt50 { padding-top: 50rpx; }
	
	.pr10 { padding-right: 10rpx; }
	.pr20 { padding-right: 20rpx; }
	.pr30 { padding-right: 30rpx; }
	.pr40 { padding-right: 40rpx; }
	.pr50 { padding-right: 50rpx; }
	
	.pb10 { padding-bottom: 10rpx; }
	.pb20 { padding-bottom: 20rpx; }
	.pb30 { padding-bottom: 30rpx; }
	.pb40 { padding-bottom: 40rpx; }
	.pb50 { padding-bottom: 50rpx; }
	
	.pl10 { padding-left: 10rpx; }
	.pl20 { padding-left: 20rpx; }
	.pl30 { padding-left: 30rpx; }
	.pl40 { padding-left: 40rpx; }
	.pl50 { padding-left: 50rpx; }
	
	/* 左右内边距样式 */
	.plr05{padding-left:0.5px; padding-right: 0.5px;}
	.plr10 { padding-left: 10rpx; padding-right: 10rpx; }
	.plr20 { padding-left: 20rpx; padding-right: 20rpx; }
	.plr30 { padding-left: 30rpx; padding-right: 30rpx; }
	.plr40 { padding-left: 40rpx; padding-right: 40rpx; }
	.plr50 { padding-left: 50rpx; padding-right: 50rpx; }
	
	/* 上下内边距样式 */
	.ptb05{padding-top:0.5px; padding-bottom: 0.5px;}
	.ptb10 { padding-top: 10rpx; padding-bottom: 10rpx; }
	.ptb20 { padding-top: 20rpx; padding-bottom: 20rpx; }
	.ptb30 { padding-top: 30rpx; padding-bottom: 30rpx; }
	.ptb40 { padding-top: 40rpx; padding-bottom: 40rpx; }
	.ptb50 { padding-top: 50rpx; padding-bottom: 50rpx; }
	/* 字体大小样式 */
	.f12 { font-size: 12px; font-weight: 400; }
	.f13 { font-size: 13px; font-weight: 400;}
	.f14 { font-size: 14px; font-weight: 400;}
	.f16 { font-size: 16px; font-weight: 400;}
	.f18 { font-size: 18px; font-weight: 400;}
	.f20 { font-size: 20px; font-weight: 400;}
	/* 字体粗细样式 */
	.fw400 { font-weight: 400; }
	.fw500 { font-weight: 500; }
	.fw600 { font-weight: 600; }
	.fw700 { font-weight: 700; }
	/* 对齐方式 */
	.tac {text-align: center;}
	.tal {text-align: left;}
	.tar {text-align: right;}
	.taj {text-align-last: justify;}
	/* 单行溢出隐藏显示... */
	.thd {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	/* 多行溢出隐藏显示... */
	.t2hd {overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;/* 控制行数 */-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.t3hd {overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;/* 控制行数 */-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.t4hd {overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;/* 控制行数 */-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
	/* 元素不换行 */
	.wsn {white-space: nowrap;}
	
	
</style>
